<p>courses works!</p>
<nz-table #filterTable [nzData]="courses" [nzPageSize]="10" nzTableLayout="fixed" nzShowQuickJumper>
  <thead>
  <tr>
    <th>课程号</th>
    <th nzCustomFilter>
      <nz-filter-trigger [(nzVisible)]="visible" [nzActive]="searchValue.length > 0" [nzDropdownMenu]="menu">
        <i nz-icon nzType="search"></i>
      </nz-filter-trigger>
      课程名称
    </th>
    <th [nzFilterMultiple]="listOftype.filterMultiple"
        [nzFilters]="listOftype.listOfFilter"
        [nzFilterFn]="listOftype.filterFn">课程性质</th>
    <th [nzSortFn]="listOfCredit.compare" >{{ listOfCredit.title }}</th>
  </tr>
<!--    <th>课程学分</th>-->
  </thead>
  <tbody>
  <tr *ngFor="let course of filterTable.data">
    <td>{{course.courseid}}</td>
    <td>{{course.coursename}}</td>
    <td>{{course.type}}</td>
    <td>{{course.credit}}</td>
  </tr>
  </tbody>
</nz-table>
<nz-dropdown-menu #menu="nzDropdownMenu">
  <div class="ant-table-filter-dropdown">
    <div class="search-box">
      <input type="text" nz-input placeholder="Search name" [(ngModel)]="searchValue" />
      <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
        Search
      </button>
      <button nz-button nzSize="small" (click)="reset()">Reset</button>
    </div>
  </div>
</nz-dropdown-menu>
